{extend name="public:base"}
{block name="main"}
<div class="layui-form">
  条件搜索：
  <div class="layui-inline">
    <input class="layui-input" name="start" id="start"  placeholder="请输入开始时间">
  </div>
  <div class="layui-inline">
    <input class="layui-input" name="end" id="end"  placeholder="请输入结束时间">
  </div>
  <div class="layui-inline">
    <button class="layui-btn" lay-filter="search" lay-submit>搜索</button>
    <button class="layui-btn layui-btn-primary"  lay-filter="search" lay-submit>重置</button>
    <a class="layui-btn layui-btn-normal"  href="javascript:LayerOpen('{:url('add')}');">添加</a>
  </div>

</div>
<table class="layui-table" lay-data="{height:500,url:location.href, page:true, id:'table'}" lay-filter="table" lay-size="lg">
  <thead>
    <tr>
      <th lay-data="{field:'bannerid',width:75}">ID</th>
      <th lay-data="{field:'px',width:75}">排序</th>
      <th lay-data="{field:'src',templet:'#src',width:75}">缩略图</th>
      <th lay-data="{field:'link',templet:'#link'}">跳转连接</th>
      <th lay-data="{field:'status',templet:'#status',width:105}">状态</th>
      <th lay-data="{field:'addtime'}">添加时间</th>
      <th lay-data="{fixed: 'right', align:'center', toolbar: '#barDemo'}">操作</th>
    </tr>
  </thead>
</table>

<script type="text/html" id="barDemo">
  <a class="layui-btn layui-btn-sm edit" lay-event="edit">编辑</a>
  <a class="layui-btn layui-btn-danger layui-btn-sm del" lay-event="del">删除</a>
</script>

<script>
  
layui.use(['table','laydate','form'], function(){

   table = layui.table;
   laydate = layui.laydate;
   form = layui.form;
    
   admin.init(['laydate','search','tool','switch']);

});


</script>

<script type="text/html" id="link">
  <a href="{{d.link}}" class="layui-table-link" target="_blank">{{d.link}}</a>
</script>
<script type="text/html" id="src">
  <img src='{{d.src}}' width="50px;">
</script>
<script type="text/html" id="status">

    <input type="checkbox" name="status" lay-skin="switch" lay-text="启用|禁用" lay-filter="status" value="{{d.bannerid}}" {{#  if(d.status == 1){ }} checked  {{#  } }}>
  
</script>

{/block}